<template>
    <div id='school-container'>
        <div id='school-title'><p>{{school[0].sname}}</p></div>
        <div  id='school-js' v-html="school[0].sintro">
            
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            school:[] ,
        };
    },
    mounted() {
        let id = this.$route.query.id;
        console.log(id);

        this.axios.get(`/school?sid=${id}`).then((result)=>{
            // console.log(result)
            this.school = result.data.results
            });
    }
};
</script>
<style scoped>
*{
    margin: 0;
    padding: 0;
}
#school-container{
    width: 90%;
    margin-left: 5%;
}
#school-title{
    text-align: center;
    font-size: 5vw;
    font-weight: bold;
    padding-bottom: 5vw;
    margin-bottom: 5vw;
    border-bottom: 0.1vw dashed grey;
}
#school-js{
    text-indent: 2em;
    font-size: 4vw;
    color: rgb(92, 92, 92);
    margin-bottom: 6vw;
}
#school-js>p{
    margin-top: 3vw;
}
</style>